<@main.page title="董家口企业列表">
<style>
.wrapper1 {
	width: 100%; /* 也可以固定宽度 */
	padding: 5px 10px 5px 20px;
	bord-color: black;
}

.wrapper1>span {
	display: inline-block; /* 如需支持IE8以下版本，用浮动来做 */
	width: calc(100%/ 29.09);
	/* 此处运用了一个css3的表达式，将div三等分，IE8及以上可以支持，当然也可以根据需要设置固定值 */
	width: -webkit-calc(100%/ 29.09); /*3.09 排除margin的宽度*/
	width: -moz-calc(100%/ 29.09);
	text-align: center;
	font-weight: bold;
}

.entul ul {
	float: left;
}

.entul ul>li {
	float: left;
	list-style: none;
	margin-right: 20px;
}
</style>
<!-- BEGIN PAGE CONTENT-->
<!-- 常用企业名称和搜索框 -->
<div class="row" style="margin-top: -15px;">
	<div class="col-md-12">
		<div class="note note-success" style="min-height: 55px;">

			<div class="chat-form"
				style="width: 300px; float: right; margin-top: -15px;margin-right:-30px;">
				<div class="input-cont">
					<input class="form-control" type="text" placeholder="搜索企业名称">
				</div>
				<div class="btn-cont">
					<a class="btn blue icn-only" style="padding: 10px 14px;" href=""><i
						class="fa fa-search icon-white"></i></a>
				</div>
			</div>

			<strong>常用企业名称：</strong> <a href="#" style="margin-right: 15px;">enterprise1</a>
			<a href="#" style="margin-right: 15px;">enterprise2</a> <a href="#"
				style="margin-right: 15px;">enterprise3</a> <a href="#"
				style="margin-right: 15px;">enterprise4</a> <a href="#"
				style="margin-right: 15px;">enterprise5</a>
		</div>
	</div>
</div>
<!-- 拼音首字母快速导航 -->
<div class="row" style="margin-top: -10px;">
	<div class="col-md-12">
		<hr style="margin: 2px;" />
		<div class="note-success wrapper1">
			<span><a href="#">A</a></span> <span><a href="#">B</a></span> <span><a
				href="#">C</a></span> <span><a href="#">D</a></span> <span><a
				href="#">E</a></span> <span><a href="#">F</a></span> <span><a
				href="#">G</a></span> <span><a href="#">H</a></span> <span><a
				href="#">I</a></span> <span><a href="#">J</a></span> <span><a
				href="#">K</a></span> <span><a href="#">L</a></span> <span><a
				href="#">M</a></span> <span><a href="#">N</a></span> <span><a
				href="#">O</a></span> <span><a href="#">P</a></span> <span><a
				href="#">Q</a></span> <span><a href="#">R</a></span> <span><a
				href="#">S</a></span> <span><a href="#">T</a></span> <span><a
				href="#">U</a></span> <span><a href="#">V</a></span> <span><a
				href="#">W</a></span> <span><a href="#">X</a></span> <span><a
				href="#">Y</a></span> <span><a href="#">Z</a></span>
		</div>
		<hr style="margin: 2px;" />
	</div>
</div>

<!-- END PAGE CONTENT-->
<!-- BEGIN PAGE CONTENT-->
<!-- 类型分类企业  -->
<div class="row">
	<div class="col-md-12">
		<div class="space20"></div>
		<h3 class="form-section">化工企业</h3>
		<div class="entul">
			<ul>
				<li><strong><a href="mailto:#">企业1</a></strong></li>
				<li><strong><a href="mailto:#">企业2</a></strong></li>
				<li><strong><a href="mailto:#">企业3</a></strong></li>
				<li><strong><a href="mailto:#">企业4</a></strong></li>
			</ul>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="space20"></div>
		<h3 class="form-section">能源企业</h3>
		<div class="entul">
			<ul>
				<li><strong><a href="mailto:#">企业1</a></strong></li>
				<li><strong><a href="mailto:#">企业2</a></strong></li>
				<li><strong><a href="mailto:#">企业3</a></strong></li>
				<li><strong><a href="mailto:#">企业4</a></strong></li>
			</ul>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="space20"></div>
		<h3 class="form-section">煤矿企业</h3>
		<div class="entul">
			<ul>
				<li><strong><a href="mailto:#">企业1</a></strong></li>
				<li><strong><a href="mailto:#">企业2</a></strong></li>
				<li><strong><a href="mailto:#">企业3</a></strong></li>
				<li><strong><a href="mailto:#">企业4</a></strong></li>
			</ul>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="space20"></div>
		<h3 class="form-section">煤矿企业</h3>
		<div class="entul">
			<ul>
				<li><strong><a href="mailto:#">企业1</a></strong></li>
				<li><strong><a href="mailto:#">企业2</a></strong></li>
				<li><strong><a href="mailto:#">企业3</a></strong></li>
				<li><strong><a href="mailto:#">企业4</a></strong></li>
			</ul>
		</div>
	</div>
</div>
<!-- END PAGE CONTENT-->

</@main.page>
